<template>
  <div>
    <div class="video_main">
      <div class="main_box">
        <div class="img_box">
          <a
            class="img_a video_btn"
            href=""
          >
            <img
              src="/img/026b2903ba.jpg"
              alt=""
            >
          </a>
        </div>
        <div class="text">
          <a
            class="video_title"
            href=""
          >Comfort and warmth in the back</a>
          <div class="line"></div>
          <span class="video_content">Lounger tent, gezellige tent voor bruiloften en feesten
            De Lounger XL heeft een</span>
          <a
            class="view_all"
            href=""
          >Read More&nbsp;&nbsp;&nbsp;&nbsp;></a>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data: () => ({})
}
</script>
<style lang="scss" scoped>
#video .video_main .main_box {
    padding: 2.2% 0;
    display: flex;
}
</style>